<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<link rel="stylesheet" href="layui/css/layui.css">
<script src="layui/layui.js"></script>
<script src="statics/jquery-3.4.1.js"></script>
<html>
<head>
    <title>图书查询</title>
    <style>
        p {
            font-size: 30px;
            /*border: 1px solid red;*/
            text-align: center;
            color: hotpink;
            margin-top: 15px;
        }

        #borrow {
            margin-top: 30px;
        }

        .layui-btn {
            margin-left: 440px;
            margin-top: 20px;
        }
    </style>
</head>
<body>
<%--头部--%>
<ul class="layui-nav" lay-filter="">
    <!--    layui-this-->
    <li class="layui-nav-item"><a href="books_home.jsp">首页</a></li>
    <li class="layui-nav-item">
        <a href="javascript:;">图书管理</a>
        <dl class="layui-nav-child "> <!-- 二级菜单 -->
            <dd><a href="${pageContext.request.contextPath}/pageServlet?currentPage=1" style="font-size: 15px">图书清单</a>
            </dd>
            <dd><a href="books_search.jsp" style="font-size: 15px">图书查询</a></dd>
            <dd><a href="books_add.jsp" style="font-size: 15px">添加图书</a></dd>
        </dl>
    </li>

    <li class="layui-nav-item">
        <a href="javascript:;">读者管理</a>
        <dl class="layui-nav-child"> <!-- 二级菜单 -->
            <dd><a href="${pageContext.request.contextPath}/userInfo?currentPage=1" style="font-size: 15px">信息显示</a></dd>
            <dd><a href="manager_adduser.jsp" style="font-size: 15px">添加读者</a></dd>
        </dl>
    </li>

    <li class="layui-nav-item  layui-this"><a href="${pageContext.request.contextPath}/borrowInf?currentPage=1">图书借阅信息</a></li>
    <li class="layui-nav-item "><a href="${pageContext.request.contextPath}/returnbooks?currentPage=1">图书归还信息</a></li>
    <li class="layui-nav-item" style="float: right">
        <a href=""><img src="img/user.png" width="37px" height="38px" class="layui-nav-img">我</a>
        <dl class="layui-nav-child">
            <dd><a href="javascript:exitmanager();">退出</a></dd>
        </dl>
    </li>
</ul>
<p>图书借阅</p>
<hr>
<div id="borrow">
    <form class="layui-form" action="${pageContext.request.contextPath}/updateduration" method="post">
        <input type="hidden" value="<%=request.getParameter("id")%>" name="id">
        <div class="layui-input-block" style="width: 400px;margin-left: 550px">
            <select name="duration">
                <option value="">请选择续借图书时长</option>
                <option value="7天">7天</option>
                <option value="15天">15天</option>
                <option value="30天">30天</option>
                <option value="60天">60天</option>
                <option value="90天">90天</option>
            </select>
        </div>

        <div class="layui-form-item">
            <div class="layui-input-block">
                <button class="layui-btn" lay-submit lay-filter="formDemo" style="width: 400px">立即续借</button>
                </br>
                <button type="reset" class="layui-btn layui-btn-primary" style="width: 400px">重置</button>
                </br>
                <button type="reset" class="layui-btn  layui-btn-warm" style="width: 400px"
                        onClick="javascript:history.back(-1);">返回
                </button>
            </div>
        </div>
    </form>
</div>
</body>
<script>
    layui.use('form', function () {
        var form = layui.form;

        //监听提交
        form.on('submit(formDemo)', function (data) {
            layer.msg(JSON.stringify(data.field));
            return true;
        });
    });
</script>
<script type="text/javascript">
    function exituser() {
        if(confirm("您确定要退出吗？")){
            location.href="Login.html";
        }
    }
</script>
<script type="text/javascript">
    //注意：导航 依赖 element 模块，否则无法进行功能性操作
    layui.use('element', function () {
        var element = layui.element;
    });
</script>
</html>
